import React, { useEffect, useState } from 'react';
import { Input } from 'antd';
// import Transfer from '../../../components/transfer/Transfer';
// import Tabs from '../../../components/tabs/Tabs';
// import Table from '../../../components/table/Table';
import Form from '../../../components/form/Form';
import Field from '../../../components/form/field';
import { useForm } from '../../../components/form/useForm';
import './organization.less';

export default function () {
  // const arr = [
  //   {
  //     name: () => {
  //       return <div className="taball">首页</div>;
  //     },
  //     title: '首页',
  //     key: '1',
  //   },
  //   {
  //     name: () => {
  //       return <div className="taball">查询表格</div>;
  //     },
  //     title: '查询表格',
  //     key: '2',
  //   },
  //   {
  //     name: () => {
  //       return <div className="taball">用户列表</div>;
  //     },
  //     title: '用户列表',
  //     key: '3',
  //   },
  // ];
  // const data = [
  //   {
  //     key: '1',
  //     name: 'John Brown',
  //     age: 32,
  //     address: 'New York',
  //   },
  //   {
  //     key: '2',
  //     name: 'Jim Green',
  //     age: 42,
  //     address: 'London',
  //   },
  //   {
  //     key: '3',
  //     name: 'Joe Black',
  //     age: 32,
  //     address: 'Sidney',
  //   },
  //   {
  //     key: '4',
  //     name: 'Disabled User',
  //     age: 99,
  //     address: 'Sidney',
  //     disabled: true,
  //   },
  // ];
  // const columns = [
  //   {
  //     title: 'Checkbox',
  //     dataIndex: 'checkbox',
  //   },
  //   {
  //     title: 'Name',
  //     dataIndex: 'name',
  //   },
  //   {
  //     title: 'Age',
  //     dataIndex: 'age',
  //   },
  //   {
  //     title: 'Address',
  //     dataIndex: 'address',
  //   },
  //   {
  //     title: 'Action',
  //     dataIndex: 'Action',
  //     render: (item) => {
  //       return (
  //         <div key={item.key}>
  //           <div style={{ display: 'flex', justifyContent: 'space-between' }}>
  //             <div></div>
  //             <div style={{ display: 'flex' }}>
  //               <div>修改</div>
  //               <div>详情</div>
  //             </div>
  //           </div>
  //         </div>
  //       );
  //     },
  //   },
  // ];
  const [form] = useForm();

  const btnClick = () => {
    console.log('15151');

    form.setFieldsValue({ number: '18501696942', name: '刘正圆' });
    console.log(form.getFieldsValue());
  };
  return (
    <div>
      <button style={{ marginBottom: '10px' }} onClick={btnClick}>
        点我获取
      </button>
      <Form form={form}>
        <div style={{ marginBottom: '10px' }}>
          <Field name="name" label="姓名">
            <input></input>
          </Field>
        </div>

        <Field name="number" label="电话">
          <input></input>
        </Field>
      </Form>
      {/* <Table data={data} columns={columns}></Table> */}
      {/* <Tabs arr={arr}></Tabs> */}
      {/* <Transfer
        one={[
          { key: '1', label: '陈奕迅199', isShow: false },
          { key: '2', label: '陈奕迅2', isShow: false },
          { key: '3', label: '陈奕迅3', isShow: false },
          { key: '4', label: '陈奕迅4', isShow: false },
          { key: '5', label: '陈奕迅5', isShow: false },
          { key: '6', label: '陈奕迅6', isShow: false },
          { key: '7', label: '陈奕迅7', isShow: false },
          { key: '8', label: '陈奕迅8', isShow: false },
          { key: '9', label: '陈奕迅9', isShow: false },
          { key: '10', label: '陈奕迅10', isShow: false },
          { key: '11', label: '陈奕迅11', isShow: false },
          { key: '12', label: '陈奕迅12', isShow: false },
          { key: '13', label: '陈奕迅13', isShow: false },
          { key: '14', label: '陈奕迅14', isShow: false },
          { key: '15', label: '陈奕迅15', isShow: false },
          { key: '16', label: '陈奕迅16', isShow: false },
          { key: '17', label: '陈奕迅17', isShow: false },
          { key: '18', label: '陈奕迅18', isShow: false },
          { key: '19', label: '陈奕迅19', isShow: false },
          { key: '20', label: '陈奕迅20', isShow: false },
          { key: '21', label: '陈奕迅21', isShow: false },
        ]}
        two={[
          { key: '999', label: '李晨', isShow: false },
          { key: '888', label: '刘恺威', isShow: false },
        ]}
      ></Transfer> */}
    </div>
  );
}
